/* CSS STYLES */
  /* - ------------------------------------------------------------------------------------------------------------------ TAGS HTML - */
  body {
      font-family: 'Tahoma' !important;
      font-size:12px !important;
      background: white;
  }

  img {
    border:none !important;
  }

  a {
      font-family: 'Tahoma';
  }

  a:hover {
      text-decoration:none;
      color:#0EA4CE;
  }

  table {
      margin: 0px;
      padding: 0px;
      width: 100%;    
  }

  td {
      overflow: hidden;
      white-space: nowrap;
  }

  li {
    style-list:none;
  }

  input[type="checkbox"] {
      margin:13px 0px 5px 5px;
      float:left;
  }

  input[type="button"] {
    background:#00548E;
    color:white !important;
  }

  textarea {
    border: #00548E 1px solid !important;
    border-radius: 5px 5px 5px 5px;
  }

  fieldset {
      border: 1px #00548E solid;
      border-radius: 5px;
      margin-top:10px;
  }
  /* - -------------------------------------------------------- LEYENDAS - */
  legend {
      border-radius: 2px;
      background-color: #00548E;
      font-size:16px;
      color: white;
      font-weight: bold;
      text-align: left;
      min-width: 50%;
      padding: 5px 5px 5px 5px;
      border-radius:5px;
      cursor: pointer;
  }
  /* --------------------------------------------------  contenedor*/
  #ExtentionContainer {
      width: 100%;
      overflow: auto !important;
      text-align:center;
      display: block;
      height: 100%;
  }
  /* - -------------------------------------------------------- TOMAR LA PALABRA -- */
  #btnRaiseHand, #btnToggleMirror, #btnSendScript {
    width:auto;
    height:auto;
    margin-top:7px;
    padding:2px 2px 2px 2px;
    border:#00548E 1px solid!important;
    background-color:none !important;
  }

  #pedidosTable {
      font-size:12px !important;
  }

  #pedidosTable a:hover {
      color:grey !important;
  }

  /* - -------------------------------------------------------- CONTENEDORES -- */
  #statusContainer, #participantContainer, #pedidosContainer, #panelSelectionContainer, #toolContainer, #topicContainer {
      width: 100%;
      display: block;
      background: white;
  }

  #toolContainer {
      text-align: center;
  }

  #donateContainer {
      width: 300px;
      text-align: center;
  }

  #participantContainer {
    margin:0px 0px 0px 0px;
  }

  #participantContainer ul {
      list-style-type: none;
  }

  #participantContainer ul li {
      color: #000;
      border-radius: 2px;
      overflow: hidden;
      white-space: nowrap;
      padding: 1px 1px;
      margin-bottom: 1px;
      text-align: left;
  }

  #pedidosContainer ul {
      list-style-type: none;
      padding: 0px;
      margin: 0px;
  }

  #pedidosContainer ul li {
      color: #000;
      border-radius: 2px;
      overflow: hidden;
      white-space: nowrap;
      padding: 1px 1px;
      margin-bottom: 1px;
      text-align: left;
  }

  #panelSelectionContainer {
      text-align: center !important;
      width: 100%;
      margin: 0px;
  }

  /* - -------------------------------------------------------- LI DE PARTICIPANTES - */
  
   .unknown, .goodTarget, .producer, .host {
      text-align: left;
      border-width: 1px;
      border-style: solid;
      height:40px;
      font-weight: bold;
      font-size:14px;
      margin-left:-7px;
      margin-right:-7px;      
  }
  
  .unknown div, .goodTarget div, .producer div, .host div {
      padding-left:5px;
  }
  
  .host, .producer {
      background-color: #0EA4CE;
      color:white !important;
  }
  
  .host img{
      margin-top:3px;
  }

  .unknown {
      border-color: #00548E ;
      background-color: #eee;
      color:#00548E !important;
  }

  .unknown input {
      /*
      display: none;
      */
  }
  
  .goodTarget {
      border-color:#0EA4CE;
      background-color: white;
      color:#0EA4CE !important;
  }
  
  .locutor {
    border:3px solid #00548E !important;
  }

  .participanteDiv {
    margin-left:0px;
    margin-top:11px;
    float:left;
  }

  .seleccionarTodosDiv {
    margin-left:5px;
    margin-top:14px;
    font-size:10px;
    float:left;
  }

  .tool {
      padding: 1px;
      margin: 1px 1px;
      border: 1px #0EA4CE outset;
      border-radius: 2px;
  }

  .tool:active {
      border: 1px gray inset;
  }

  .roundedSpan {
      border-radius: 2px;
      overflow: hidden;
      white-space: nowrap;
      padding: 1px;
  }

  /* - -------------------------------------------------------- LOGOS - */
  #logoDiv {
    text-align:center !important;
    width:100%;
    height:auto;
    padding:2px 2px 2px 2px;
    margin-bottom:40px;
    margin-top:20px;
  }

  #logo {
    width:150px;
    height:auto;
    border:0px;
  }

  #firmaDiv a{
    text-align:center !important;
    width:100%;
    height:auto;
    padding:2px 2px 2px 2px;
    margin-top:10px;
  }
  #firma {
    width:120px;
    height:auto;
    border:0px;
  }
  /* - --------------------------------------------------------  - */
  .statName {
      min-width: 10px;
      white-space: nowrap;
  }

  .statValue {
      max-width: 200px;
      font-weight: bold;
  }

  #legendSampleLI {
      list-style-type: none;
      padding: 0px !important;
      width: 100%;
  }

  #legendDiv {
      text-align: center;
      width: 100%;
      margin-bottom: 1px;
  }

  .spacer {
      display: inline;
  }

  #selPanel {
      width: 100%;
      text-align: center;
  }

  #selPanel div {
      border: 1px black solid;
      display: inline-block;
      text-align: center;
      padding: 0px;
      cursor: pointer;
      font-weight: bold;
      width: 45%;
  }

  #divSelTools, #divSelTopics {
    border:none !important;
  }

  .selectedPanel {
      background:#0EA4CE;
      color: white;
  }

  .unSelectedPanel {
      background: white;
      color: gray;
  }

  .unSelectedPanel:hover {
      color: black;
  }

  .topicTool {
      cursor: pointer;
  }

  .topicRemove {
      cursor: pointer;
      display: block;
      width: 13px;
  }

  #topicsTable {
      width: 100%;
  }

  .topicText, .topicSel {
      cursor: pointer;
      overflow: hidden;
      white-space: nowrap;
      width: 170px;
  }

  /* - -------------------------------------------------------- TOPICOS SELECCIONADOS - */
  .topicSel{
      background-color: #0EA4CE !important;
      padding:2px 2px 2px 2px!important;
      color:white!important;
  }

  .statusCurrentTopicText, .statusNextTopicText {
      max-width: 255px;
      overflow: hidden;
      white-space: nowrap;
      text-align: center;
  }

  .statusCurrentTopicText {
      font-weight: bold;
      font-size: medium;
      padding-bottom: 3px;
  }

  .moveTd {
      text-align: center;
      width: 30px;
  }

  .delTopic {
      cursor: pointer;
  }

  .statusTopicTools {
      text-align: right;
      display: inline-block;
      width: 50px;
      font-weight: bold;
      float: right;
  }

  .statusTopicChange {
      text-align: right;
      display: inline-block;
      font-weight: bold;
      cursor: pointer;
  }

  #tblStatus {
      width: 100%;
      border-width: 0px;
      padding: 1px 0px;
  }

  .scriptLegend {
      margin-top: 1px;
  }

  .bigRed {
      font-weight: bold;
      color: red;
  }

  .shortBreak {
      line-height: 8px;
      clear: both;
  }

  .rowLine tr, .rowLine td {
      border-bottom: 1px black solid;
  }

  .tinyText {padding: 5px; font-size: xx-small;}
  .nameDiv {font-size: xx-small; float: left;}
  .proDiv {font-size: xx-small; float: right;}

  .linkTool {
      font-weight: bold;
      color: #00c;
      cursor: pointer;
      text-decoration: underline;
  }  